<template>
<div class="container">
    <router-link to="/productDetail" tag="div" class="left">
        <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
        <div class="text">
            <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
            <em>￥30</em>
        </div>
    </router-link>
    <router-link to="/productDetail" tag="div" class="left">
        <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
        <div class="text">
            <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
            <em>￥30</em>
        </div>
    </router-link>
    <router-link to="/productDetail" tag="div" class="left">
        <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
        <div class="text">
            <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
            <em>￥30</em>
        </div>
    </router-link>
    <!-- <router-link to="/productDetail" tag="div">
    <div class="left">
        <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
        <div class="text">
            <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
            <em>￥30</em>
        </div>
    </div>
    </router-link>
    <router-link to="/productDetail" tag="div">
    <div class="left">
        <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
        <div class="text">
            <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
            <em>￥30</em>
        </div>
    </div>
    </router-link> -->
    <!-- <div class="right">
            <img class="img" src="../../../../../assets/image/home/guessLove/2.png">
            <div class="text">
                <p>温岚 3D定制话女鞋时尚好看色彩美丽</p>
                <em>￥30</em>
            </div>
        </div> -->
</div>
</template>

<script>
export default {
    name: "compont1"
}
</script>

<style scoped>
.container {
    width: 100%;
}

.left {
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #ccc;
}

.left>* {
    width: 100%;
}

.img {
    height: 20%;
}

.text>em {
    color: red
}

.text>p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
</style>
